<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>商品分类管理页</title>
<link rel="stylesheet" href="../../lib/layui/css/layui.css" media="all">
</head>
<body>
	<div class="wrap">
		<blockquote class="layui-elem-quote news_search">
			<div class="layui-inline">
				<a id="course_add_btn" class="layui-btn layui-btn-normal" onclick="paramObj.add()">添加</a>
			</div>
			<div class="layui-inline">
				<a class="layui-btn audit_btn" onclick="paramObj.update()">修改</a>
			</div>
			<div class="layui-inline">
				<a class="layui-btn layui-btn-danger batchDel" onclick="paramObj.delete()">删除</a>
			</div>
		</blockquote>
		<!--  商品类别表格 -->
		<table class="layui-table" lay-filter="param_table" id="param_table" style="margin: 0"></table>
	</div>
	<script src="../../publicjs/jquery-1.8.0.min.js"></script>
	<script src="../../publicjs/smallkingutil.js"></script>
	<script src="../../lib/layui/layui.js"></script>
	<script>
	layui.use('table', function() {
			var table = layui.table;
			// 加载用户数据表格
			 window.paramTable = table.render({
				id:'paramTable',			
				elem:'#param_table',
				url:'/beske/admin/commodity/param/list', //数据接口
				method:'post',
				page:true, //开启分页
				request:{
					pageName: 'pageNum', // 分页当前页数发给后台的参数名
					limitName: 'pageSize' // 分页每页多少条发给后台的参数名
				},
				cols : [ [ //表头
				{
					checkbox: true
				},{
					field : 'paramName',
					title : '参数名称',
					width : 100
				},{
					field : 'paramKey',
					title : '参数拼音',
					width : 100
				}]]
			});
			
			// 刷新表格
			paramTable.refresh = function(data){
				paramTable.reload({
					  where: data
					  ,page: {
					    curr: 1 //重新从第 1 页开始
					  }
				});
			}
			// 获得表格的勾选值
			paramTable.getCheckedIds = function(){
				var data = table.checkStatus('paramTable').data;
				var ids = [];
				for(var i = 0; i < data.length; i ++){
					ids.push(data[i].paramId);
				}
				return ids;
			}
	});
	// 商品类别增删改查对应的对象
	var paramObj = {
			add : function(){
				// 打开添加商品类别的窗口
				layer.open({
					type : 2,
					title : '添加',
					shadeClose : true,
					shade : 0.8,
					maxmin : false, // 开启最大化最小化按钮
					area : [ '450px', '485px' ],
					content : 'param_form.html'
				});
			},
			update : function(){
				var ids = paramTable.getCheckedIds();
				if(ids.length == 0){
					layer.msg("请勾选数据。");
					return;
				}
				// 打开添加商品类别的窗口
				layer.open({
					type : 2,
					title : '添加',
					shadeClose : true,
					shade : 0.8,
					maxmin : false, // 开启最大化最小化按钮
					area : [ '450px', '485px' ],
					content : 'param_form.html?paramId=' + ids[0]
				});
			},
			delete : function(){
				var ids = paramTable.getCheckedIds();
				if(ids.length == 0){
					layer.msg("请勾选数据。");
					return;
				}
				var ajaxParam = {
					url : '/beske/admin/commodity/param/delete',
					data : {
						paramIds : ids
					},
					traditional : true
				}
				ajaxUtil.post(ajaxParam, function(data){
					if(data.code == 200){
						paramTable.refresh();
					}else{
						layer.msg("删除失败。");
					}
				});
			}
	}
	</script>
	<script>
		$(function(){
				commonUtil.setMaxLength(40);
			})
	</script>
	<script type="text/html" id="oper">
		  <a class="layui-btn" lay-event="update">修改</a>
		  <a class="layui-btn" lay-event="delete">删除</a>
	</script>
	<script type="text/html" id="status">
		{{#  if(d.status == 1){ }}
    		正常
  		{{#  } else { }}
    		禁用
  		{{#  } }}
	</script>
</body>
</html>